<?php defined('SYSPATH') OR die('No direct access allowed.');
?>
<script type="text/javascript" src="/media/js/users.js"></script>
<form method="post" action="signup/save">
<div id="page1">
Sign up for Jynxit!  It's simple and free.
<table style="text-align:right;">
    <tr>
        <td>Email:</td>
        <td class="secformcolumn"><input type="text" id="email" name="email"></td>
    </tr>
    <tr>
        <td>Password:</td>
        <td class="secformcolumn"><input type="password" id="password" name="password"></td>
    </tr>
    <tr>
        <td>Confirm Password:</td>
        <td class="secformcolumn"><input type="password" id="confirmpassword" name="confirmpassword"></td>
    </tr>
    <tr>
        <td colspan=2 class="secformcolumn"><input type="button" id="next1" name="next1" value="Next" onclick="ChangePage(this)"></td>
    </tr>
</table>
</div>
<div id="page2" style="display:none;">
We need a little bit more information to help accurately set up your account, so please fill in the fields below
<table style="text-align:right;">
    <tr>
        <td>First Name:</td>
        <td class="secformcolumn"><input type="text" id="firstname" name="firstname" class="Please fill in your first name"></td>
    </tr>
    <tr>
        <td>Last Name:</td>
        <td class="secformcolumn"><input type="text" id="lastname" name="lastname" class="Please fill in your last name"></td>
    </tr>
    <tr>
        <td>Sex:</td>
        <td class="secformcolumn"><select id="sex" name="sex"><option value="male">Male</option><option value="female">Female</option></select></td>
    </tr>
    <tr>
        <td>Birthday:</td>
        <td class="secformcolumn"><input type="text" id="bmonth" name="bmonth" size="2" maxlength="2" class="Please fill in your birthday month">
            -<input type="text" id="bday" name="bday" size="2" maxlength="2" class="Please fill in your birthday day">
            -<input type="text" id="byear" name="byear" size="4" maxlength="4" class="Please fill in your birthday year"> (mm-dd-yyyy)</td>
    </tr>
    <tr>
        <td colspan=2 class="secformcolumn"><input type="button" id="back2" name="back2" value="Back" onclick="ChangePage(this)">
        <input type="button" id="next2" name="next2" value="Next" onclick="ChangePage(this)"></td>
    </tr>
</table>
</div>
<div id="page3" style="display:none">
If you'd like to have better event matches please tell us more about yourself below.
<table style="text-align:right;">
    <tr>
        <td>Relationship Status:</td>
        <td class="secformcolumn">
            <select id="relationshipstatus" name="relationshipstatus">
                <option value="single">Single</option>
                <option value="married">Married</option>
                <option value="engaged">Engaged</option>
                <option value="relationship">Seeing someone</option>
            </select>
        </td>
    </tr>
    <tr>
        <td>Interested In:</td>
        <td class="secformcolumn"><select id="interestedin" name="interestedin"><option value="male">Male</option><option value="female">Female</option></select></td>
    </tr>
    <tr>
        <td>Political Views:</td>
        <td class="secformcolumn"><input type="text" id="politicalviews" name="politicalviews"></td>
    </tr>
    <tr>
        <td>Religious Views:</td>
        <td class="secformcolumn"><input type="text" id="religiousviews" name="religiousviews"></td>
    </tr>
<?
    foreach ($interestquestions as $question) {
        echo "<tr>";
        echo "<td class='interestquestion'>".$question->question."</td>";
        echo "<td class='secformcolumn'><textarea></textarea></td>";
        echo "</tr>";
    }
?>
    <tr>
        <td colspan=2 class="secformcolumn"><input type="button" id="back3" name="back3" value="Back" onclick="ChangePage(this)">
        <input type="button" id="next3" name="next3" value="Next" onclick="ChangePage(this)"></td>
    </tr>
</table>
</div>
<div id="page4" style="display:none">
Please fill in the information below if you'd like to make event creation and planning easier.
<table id="page4table" style="text-align:right;">
    <tr>
        <td>Cell Phone:</td>
        <td class="secformcolumn"><input type="text" id="cellphone" name="cellphone"></td>
    </tr>
    <tr>
        <td>Home Phone:</td>
        <td class="secformcolumn"><input type="text" id="homephone" name="homephone"></td>
    </tr>
    <tr id="screennamefirstrow">
        <td>Screen Name:</td>
        <td class="secformcolumn"><input type="text" id="screenname1" name="screenname">
            <select id="screennametype1" name="screennametype">
                <option value="aim">AIM</option>
                <option value="yahoo">Yahoo</option>
                <option value="msn">MSN</option>
                <option value="skype">Skype</option>
            </select>
        </td>
    </tr>
    <tr>
        <td colspan=2><input type="button" id="addscreenname" name="addscreenname" value="Add" onclick="AddScreenname();"></td>
    </tr>
    <tr>
        <td colspan=2 ><hr width="175px"></td>
    </tr>
    <tr>
        <td>Address:</td>
        <td class="secformcolumn">
            <input type="text" id="address" name="address">
        </td>
    </tr>
    <tr>
        <td>City:</td>
        <td class="secformcolumn">
            <input type="text" id="city" name="city">
        </td>
    </tr>
    <tr>
        <td>State:</td>
        <td class="secformcolumn">
            <select id="state" name="state"><? echo utils::statedropdown(); ?></select>
        </td>
    </tr>
    <tr>
        <td>Zip:</td>
        <td class="secformcolumn">
            <input type="text" id="zip" name="zip" maxlength="5" size="5">
        </td>
    </tr>
    <tr>
        <td>Residence Name:</td>
        <td class="secformcolumn"><input type="text" id="residence" name="residence"></td>
    </tr>
    <tr>
        <td>Room:</td>
        <td class="secformcolumn"><input type="text" id="room" name="room"></td>
    </tr>
    <tr>
        <td colspan=2 ><hr width="175px"></td>
    </tr>
    <tr>
        <td>Hometown Address:</td>
        <td class="secformcolumn">
            <input type="text" id="homeaddress" name="homeaddress">
        </td>
    </tr>
    <tr>
        <td>City:</td>
        <td class="secformcolumn">
            <input type="text" id="homecity" name="homecity">
        </td>
    </tr>
    <tr>
        <td>State:</td>
        <td class="secformcolumn">
            <select id="homestate" name="homestate"><? echo utils::statedropdown(); ?></select>
        </td>
    </tr>
    <tr>
        <td>Zip:</td>
        <td class="secformcolumn">
            <input type="text" id="homezip" name="homezip" maxlength="5" size="5">
        </td>
    </tr>
    <tr>
        <td colspan=2 ><hr width="175px"></td>
    </tr>
    <tr id="employerfirstrow">
        <td>Employer Name:</td>
        <td class="secformcolumn"><input type="text" id="employername1" name="employername"></td>
    </tr>
    <tr>
        <td>Position:</td>
        <td class="secformcolumn"><input type="text" id="employerposition1" name="employerposition"></td>
    </tr>
    <tr>
        <td>Status:</td>
        <td class="secformcolumn"><input type="checkbox" id="employerstatus1" name="employerstatus" defaultChecked="false" onclick="StatusChange(this, 1)">I presently work here</td>
    </tr>
    <tr>
        <td>Time Period:</td>
        <td class="secformcolumn"><input type="text" id="empmonth1" name="empmonth" size="2" maxlength="2">
            -<input type="text" id="empyear1" name="empyear" size="4" maxlength="4"> (mm-yyyy) to 
            <span id="empdate1">
                <input type="text" id="emplastmonth1" name="emplastmonth" size="2" maxlength="2">
            -<input type="text" id="emplastyear1" name="emplastyear" size="4" maxlength="4">
            </span>
        </td>
    </tr>
    <tr>
        <td>Address:</td>
        <td class="secformcolumn">
            <input type="text" id="employeraddress1" name="employeraddress">
        </td>
    </tr>
    <tr>
        <td>City:</td>
        <td class="secformcolumn">
            <input type="text" id="employercity1" name="employercity">
        </td>
    </tr>
    <tr>
        <td>State:</td>
        <td class="secformcolumn">
            <select id="employerstate1" name="employerstate"><? echo utils::statedropdown(); ?></select>
        </td>
    </tr>
    <tr>
        <td>Zip:</td>
        <td class="secformcolumn">
            <input type="text" id="employerzip1" name="employerzip" maxlength="5" size="5">
        </td>
    </tr>
    <tr>
        <td colspan=2><input type="button" id="addemployer" name="addemployer" value="Add" onclick="AddEmployer();"></td>
    </tr>
    <tr>
        <td colspan=2 ><hr width="175px"></td>
    </tr>
    <tr id="schoolfirstrow">
        <td>School Name:</td>
        <td class="secformcolumn"><input tye="text" id="schoolname1" name="schoolname"></td>
    </tr>
    <tr>
        <td>Graduation Year:</td>
        <td class="secformcolumn"><input type="text" id="schoolyear1" name="schoolyear" maxlength="4" size="4"></td>
    </tr>
    <tr>
        <td>School Type:</td>
        <td class="secformcolumn">
            <select id="schooltype1" name="schooltype">
                <option value="undergraduate">Undergraduate College</option>
                <option value="highschool">High School</option>
                <option value="graduate">Graduate College</option>
            </select>
        </td>
    </tr>
    <tr>
        <td>Concentration:</td>
        <td class="secformcolumn"><input type="text" id="schoolconcentration1" name="schoolconcentration"></td>
    </tr>
    <tr>
        <td colspan=2><input type="button" id="addemployer" name="addemployer" value="Add" onclick="AddSchool();"></td>
    </tr>
    <tr>
        <td colspan=2 class="secformcolumn"><input type="button" id="back4" name="back4" value="Back" onclick="ChangePage(this)">
        <input type="button" id="next4" name="next4" value="Next" onclick="ChangePage(this)"></td>
    </tr>
</table>
</div>
</form>